#wrapper {
	padding: 10px 0;
	border-top: 4px solid #9fbe41;
	border-bottom: 4px solid #9fbe41;
}
.container {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.clear {
	clear: both;
}
#header {
	position: relative;
}
#header a {
	text-decoration: none;
	color: #555;
}
#header .logo {
	position: absolute;
	top: 10px;
	left: 0;
}
#header .nav, #header .social, #header .courseNav, #header .register, #header .userNav {
	float: right;
}
#header .nav li, #header .social li, #header .courseNav li, #header .register li {
	float: left
}
#header .nav li {
	margin-right: 15px;
	padding-left: 10px;
	font-size: 84%;
	background-image: url(../img/list_image_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#header .social li {
	width: 75px;
	margin-right: 10px;
	overflow: hidden;
}
#header .social li.last, #header .register li.last {
	margin-right: 0;
}
#header .courseNav, #header .register, #header .userNav {
	margin-top: 15px;
}
#header .register {
	padding: 5px;
	border: 1px solid #e4e4e4;
}
#header .courseNav li, #header .register li {
	margin-right: 5px;
}
#header .courseNav {
	margin-right: 10px;
}
#header .userNav {
	margin: 20px 0 0 30px;
	z-index: 201;
	position: relative;
}
.userNav .last {
	margin-right: 0px;
	line-height: 30px;
}
.userNav .username {
	background-image: url(../img/list_image_02.gif);
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 15px;
	padding: 0px 15px 0px 0px;
	text-decoration: underline;
}
#header .username {
	text-decoration: underline;
}
#header .open .username {
	background-image: url(../img/list_image_04.gif);
}
.userNav li {
	float: left;
	text-align: right;
	margin-right: 10px;
}
.userNav li #popNav {
	display: none;
	position: absolute;
	top: 15px;
	right: 0px;
	z-index: 999;
}
.userNav li.open #popNav {
	display: block;
}
.userNav li.open #popNav #arrow {
	margin: 0 10px -3px 0;
	z-index: 101;
}
.userNav li.open #popNav ul {
	width: 120px;
	border: 3px solid #b1d93a;
	background: #fff;
}
.userNav #popNav ul li {
	margin: 0;
	border-bottom: 1px solid #b1d93a;
}
.userNav #popNav ul li:last-child {
	border: none;
}
.userNav #popNav ul li a {
	padding: 0 10px 0 0;
	display: block;
}
.userNav #popNav ul li:hover {
	background: #ededed;
}
.userNav li li {
	float: none;
}
.userNav .avatar img {
	width: 30px;
	height: 30px;
}
#header .section {
	margin-top: 20px;
}

#slider {
	width: 980px;
	height: 340px;
}

#body {
	margin-top: 20px;
	padding-bottom: 100px;
}

#mainColumns {
	width: 715px;
	float: left;
	position: relative;
}

.section {
	margin-bottom: 20px;
	position: relative;
}
.section a {
	color: #000;
}
.section .title {
	border-bottom: 1px solid #9fbe41;
	font-size: 156%;
	padding: 10px 0;
	margin-bottom: 20px;
	color: #666;
}
.section .readMore {
	position: absolute;
	top: 0px;
	right: 0px;
}
.section.course .title {
	border-bottom: 1px solid #e0dfdf;
	font-size: 132%;
	height: 50px;
}
.section.course.purple .title, .section.course.green .title, .section.course.blue .title, .section.course.orange .title {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 60px;
}
.section.course.purple .title {
	background-image: url('../img/health.gif');
}
.section.course.green .title {
	background-image: url('../img/sports.gif');
}
.section.course.blue .title {
	background-image: url('../img/business.gif');
}
.section.course.orange .title {
	background-image: url('../img/food.gif');
}
.section.course.purple .title, .section.course.purple .title3 {
	color: #990099;
}
.section.course.green .title, .section.course.green .title3 {
	color: #669900;
}
.section.course.blue .title, .section.course.blue .title3 {
	color: #3399cc;
}
.section.course.orange .title, .section.course.orange .title3 {
	color: #ff9a0c;
}
.section.course .title2 {
	font-size: 164%;
	color: #333;
	margin-bottom: 23px;
	line-height: 120%;
}
.section.course .title3 {
	background-color: #fcf7eb;
	font-size: 132%;
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
	margin-top: 20px;
}
#subColumns .section .title2 {
	font-size: 108%;
	font-weight: bold;
	color: #666;
	background-color: #e9e9e9;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 10px;;
}
.section .content {
	border: 1px solid #e0dfdf;
	position: relative;
	padding: 10px;
}
.section .content2 {
	border: 1px solid #e0dfdf;
	padding: 14px;
}
.section .content2 li {
	font-size: 108%;
}
.section.course p {
	padding: 10px;
	font-size: 108%;
}
.section.course .imageList {
	width: 725px;
}
.section.course .imageList li {
	float: left;
	margin: 0 10px 10px 0;
}
.section.course .imageList img {
	width: 93px;
	height: 70px;
}
.section.course .main img {
	width: 400px;
	height: 300px;
}
.list a {
}
.list.course li, .list.teacher li {
	float: left;
}
.listEmpty {
	font-size: 92%;
	margin: 0 10px;
}
.course.list {
	width: 735px;
	margin-bottom: 20px;
}
.course.list li {
	width: 212px;
	height: 335px;
	overflow: hidden;
	margin: 0px 10px 10px 0;
	padding: 8px;
	border: 1px solid #e4e4e4;
}
.course.list li:hover {
	border-bottom: 1px solid #e0dfdf;
	background: #ededed;
}
.course .image {
	position: relative;
	display: block;
	width: 210px;
	height: 158px;
	overflow: hidden;
	margin: 10px auto;
}
.course .image img {
	max-height: 210px;
	max-width: 210px;
}
.course .category {
	position: absolute;
	top: 5px;
	right: 5px;
}
.course .courseTitle {
	height: 3.2em;
	line-height: 1.6em;
	font-weight: bold;
	overflow: hidden;
}
.course .courseTitle a {
	color: #000;
}
.course .courseTitle .courseType {
	padding: 1px 4px;
	border: 1px solid #9fbe41;
	background: #e8f2ca;
}
.list.course .description {
	height: 5.1em;
	margin-top: 5px;
	font-size: 84%;
	overflow: hidden;
}
.course .teacherAvatar {
	float: left;
	margin: 2px 5px 0px 0px;
	display: block;
}
.course .detail {
	margin-left: 48px;
}

.course .detail dd {
	float: left;
	height: 1.5em;
	font-size: 92%;
	overflow: hidden;
}
.course .detail dt {
	height: 1.5em;
	margin-left: 2.8em;
	font-size: 92%;
	overflow: hidden;
}
.course .detail a {
	color: #000;
}
/*
	posted comment
*/
.postedSection {
}
.posted {
	padding: 20px;
	font-size: 92%;
	border-bottom: 1px solid #ccc;
}
.posted.owner {
	background: url(../img/bg.gif);
}
.posted.new {
	padding: 10px 20px;
	background: url(../img/bg2.gif);
}
.posted.new .information {
	line-height: 2em;
}
.posted.new .attention {
	line-height: 2em;
	color: #f00;;
}
.postOwnerImage {
	float: left;
	width: 50px;
}
.postedContent {
	margin: 0 0 0 70px;
}
.postedContent .content,
.posted.new .content {
	padding: 0 0 5px 0;
	border: none;
}
.postedContent .usernames {
	font-weight: bold;
}
.postedContent .description {
	padding: 2px 0 0;
}
.parrentPosted .postedNav {
	text-align: right;
}
.parrentPosted .postedNav li {
	margin: 0 0 0 10px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
.replyPostedContent {
	position: relative;
}
.replyPostedContentInner {
	margin: 20px 0 0 0;
	border-radius: 5px;
	position: relative;
}
.replyPostedContentInner .inner:after {
	content: '';
	border-bottom: 10px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top: -9px;
	left: 5px;
}
.replyPostedContent {
}
.replyUserImage, .postUserImage {
	float: left;
}
.replyPosted, .userPosted {
	padding: 10px;
	background: #f5f5eb;
	border-bottom: 2px solid #fff;
}
.replyPosted.owner {
	background: #fff;
}
.replyPosted .content, .userPosted .content {
	margin: 0 0 0 42px;
	padding: 0 0 2px 0;
	position: relative;
}
.posted .deleteButton {
	position: absolute;
	top: 0;
	right: 0;
}
.posted .deleteButton a {
	color: #484848;
}
.posted .deleteButton a:hover {
	color: #ccc;
}
.replyPosted .usernames {
	font-weight: bold;
}
.posted .roleOwner {
	margin: 0 5px;
	padding: 2px 0;
	background: #d51c1c;
	color: #fff;
}
.userPosted textarea,
.posted.new textarea {
	padding: 3px;
	font-size: 92%;
	outline: none;
	border: 1px solid #ccc;
}
.userPosted textarea {
	width: 540px;
}
.posted.new textarea {
	width: 100%;
}
.posted .submit {
	text-align: right;
}
.posted .submit .postSubmit {
	width: 70px;
	height: 25px;
	background: #d8eaa0;
	border: 1px solid #9fbe41;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.posted .submit .postSubmit:active {
	background: #9fbe41;
	border: 1px solid #9fbe41;
}
.buttonMore a {
	width: 100%;
	height: 60px;
	margin: 15px 0;
	text-align: center;
	text-decoration: none;
	font-size: 140%;
	line-height: 60px;
	display: block;
	background: #d8eaa0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.buttonMore a:hover {
	background: #9fbe41;
}
.list.teacher {
	width: 735px;
}
.list.teacher li {
	width: 112px;
	height: 200px;
	margin-bottom: 3px;
	overflow: hidden;
	padding: 8px;
	border: 1px solid #e4e4e4;
	margin-right: 14px;
}
.list.teacher p.name {
	color: #000;
	margin-bottom: 3px;
	display: block;
}
.list.teacher p.description {
	font-size: 77%;
}
.list.news {
	font-size: 100%;
}
.list.news .image {
	float: right;
	margin: 0 0 5px 5px;
	width: 48px;
	height: 48px;
}
.list.news .date {
	color: #999;
}
.list.news a {
	color: #000;
}
.list.news li {
	margin-bottom: 10px;
}
#watchList {
	text-align: center;
}
.filter {
	font-size: 100%;
}
.filter a {
	color: #666;
	text-decoration: none;
}
.filter li {
	margin-bottom: 10px;
	padding: 0 10px;
}
.filter .type {
	background-image: url(../img/filter_image_off.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
}
.filter .open .type{
	background-image: url(../img/filter_image_on.gif);
}
.filter li.open ul {
	display: block;
}
.filter li li {
	margin-bottom: 0px;
	font-size: 84%;
	background-position: left center;
	background-image: url(../img/filter_image_off.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
.filter li.blue {
	background-image: url(../img/filter_category_01.gif);
}
.filter li.green {
	background-image: url(../img/filter_category_02.gif);
}
.filter li.orange {
	background-image: url(../img/filter_category_03.gif);
}
.filter li.purple {
	background-image: url(../img/filter_category_04.gif);
}
.filter li ul {
	display: none;
	margin-top: 10px;
	margin-left: 5px;
}
.section.search {
	border: 1px solid #e4e4e4;
	padding: 8px;
}
.search label {
	color: #666;
	margin-bottom: 5px;
	font-size: 108%;
	display: block;
}
#subColumns .teacher .avatar {
	float: left;
	margin: 0 10px 10px 0;
	width: 72px;
	height: 72px;
}
#subColumns .teacher {
	font-size: 108%;
}
.teacher .name {
	margin-bottom: 5px;
	margin-top: 0px;
}
.teacher .name a:hover,
.teacher .links a:hover {
	color: #ccc;
}
.teacher .headline {
	margin-bottom: 5px;
}
.teacher .description {
	clear: both;
}
#subColumns .teacher .description {
	font-size: 77%;
}
.teacher .description .number {
	font-size: 108%;
}
.links {
	font-size: 77%;
}
.links li {
	background-image: url(../img/list_image_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 12px;
	font-size: 92%;
}
#price {
	font-size: 140%;
}
#subColumns .detail {
	font-size: 108%;
}
.detail select {
	width: 100%;
	overflow: hidden;
}
.googleCalendar {
	background-image: url(../img/list_image_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	font-size: 92%;
}
.information dt {
	margin-bottom: 10px;
	font-size: 84%;
	color: #666;
}
.information input {
	margin: 10px 0;
}
.information .seperator {
	padding-bottom: 10px;
	border-bottom: 1px solid #e0dfdf;
	margin-bottom: 10px;
}
.information dd.oneLine {
	float: left;
}
.cloudTags li,
.confirmTags li {
	float: left;
}
.cloudTags li a, 
.confirmTags li {
	display: block;
	margin: 0 5px 5px 0;
	padding: 3px 5px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #e8e8e8;
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #fafafa,  #e8e8e8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e8e8e8');

}
.cloudTags li a:hover {
	background: #dcdcdc;
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fafafa,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dcdcdc');
}
#keyword {
	border: 1px solid #e4e4e4;
	height: 23px;
	width: 160px;
}
.search .submit {
	float: right;
}
#top {
	position: absolute;
	bottom: -80px;
	right: 260px;
}
#top2 {
	position: absolute;
	bottom: -101px;
	right: 0px;
}
#subColumns {
	width: 230px;
	float: right;
	padding-bottom: 30px;
}
#footer {
	padding-top: 20px;
	border-top: 1px solid #9fbe41;
}
#footer .nav {
	float: left;
}
#footer .nav a {
	text-decoration: none;
	font-size: 84%;
	color: #666;
}
#footer .nav a:hover {
	text-decoration: underline;
	color: #ccc;
}
#copyright {
	color: #666;
	position: absolute;
	bottom: 5px;
	right: 0px;
	font-size: 77%;
}
#footerLogo {
	float: right;
	margin-top: 50px;
	margin-bottom: 25px;
}
#footer .nav li {
	float: left;
	min-width: 4em;
	background-image: url(../img/list_image_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-right: 10px;
}
#mainTitle {
	padding: 15px 60px 25px;
	font-size: 156%;
	background-repeat: no-repeat;
	background-position: left top;
	color: #666;
	border-bottom: 1px solid #e0dfdf;
	margin-bottom: 30px;
	position: relative;
}
.subTitle {
	margin: 20px 0 0;
	padding: 15px 60px 25px;
	font-size: 156%;
	background-repeat: no-repeat;
	background-position: left top;
	color: #666;
	border-bottom: 1px solid #e0dfdf;
	margin-bottom: 30px;
	position: relative;
}
#mainTitle.profile {
	background-image: url(../img/profile.png);
}
#mainTitle.login {
	background-image: url(../img/login.gif);
}
#mainTitle.add,
.subTitle.add {
	background-image: url(../img/add.gif);
}
#mainTitle.schedule {
	background-image: url(../img/schedule.jpg);
}
#mainTitle .addSchedule {
	position: absolute;
	right: 0px;
	top: 0px;
}
.form, .scheduleForm {
	width: 100%;
	font-size: 108%;
}
.form td, .scheduleForm td {
	padding: 25px 0px 25px 25px;
	border: 1px solid #fff;
	background-color: #fcf7eb;
	vertical-align: top;
}
table.schedule {
	width: 100%;
	margin-bottom: 20px;
}
.schedule td {
	background-color: #fcf7eb;
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 108%;
	vertical-align: top;
}
.form label {
	margin-right: 5px;
}
.form .submit, .scheduleForm .submit, .schedule .submit {
	border: none;
	text-align: center;
	background-color: transparent;
}
.form img,
.submit img {
	vertical-align: top;
}
.schedule .submit {
	padding: 25px;
}
.form .left, .scheduleForm .left, .schedule .left {
	width: 180px;
	background-color: #ededed;
}
#courseForm .courseType li {
	float: left;
	width: 155px;
	_width: 170px;
	margin: 0 5px;
	padding: 8px 8px 8px 7px;
	border: 1px solid #ededed;
	background: #fefefe;
	position: relative;
}
#courseForm .courseType li input {
	position: absolute;
	top: 10px;
	left: 10px;
}
#courseForm .courseType li .types {
	margin: 0 0 5px 20px;
	font-weight: bold;
	font-size: 92%;
}
#courseForm .courseType li .description {
	font-size: 84%;
}
.schedule .left {
	border-right: 1px solid #fff;
	font-weight: bold;
}
.manage td {
	padding-bottom: 20px;
}
.schedule .last td {
	padding-bottom: 15px;
}
.schedule .first td {
	padding-top: 15px;
}
.schedule .btnEditSchedule {
	float: right;
	margin: 10px 10px 0;
}
.scheduleTitle {
	font-size: 20px;
	color: #666;
	margin-bottom: 20px;
}
.form .textarea {
	width: 512px;
	height: 100px;
}
.form .text {
	width: 270px;
	height: 20px;
}
.form ul .text {
	width: 250px;
}
.form li {
	margin-bottom: 15px;
}
.form li.last {
	margin-bottom: 0px;
}
.schedule td.paypal {
	padding: 20px 0;
	background: #fff;
}
.paypal img {
	float: left;
}
.aboutPaypal {
	margin: 30px 0 20px 220px;
}
.aboutPaypal a {
	line-height: 2em;
	color: #000;
}
.aboutPaypal a:hover {
	color: #ccc;
}
.scheduleForm .text {
	width: 325px;
	height: 25px;
}
.scheduleForm .text.zip {
	width: 60px;
}
.scheduleForm .text.total, .scheduleForm .text.price {
	width: 180px;
}
.scheduleForm dd, .scheduleForm dt {
	margin-bottom: 10px;
	position: relative;
}
.schedule dd, .schedule dt {
	margin-bottom: 5px;
}
.scheduleForm dt, .schedule dt {
	padding-left: 120px;
}
.scheduleForm dd, .schedule dd {
	float: left;
	width: 120px;
}
.scheduleForm .textarea {
	width: 625px;
	height: 140px;
}
.scheduleForm .zip01 {
	font-size: 172%;
}
.scheduleForm dt.clear {
	padding-left: 0;;
}
.shedule-text-hint {
	padding-left: 28px;
}
.fullWidth {
	background-image: url(../img/signup-bg.png);
	background-repeat: repeat-y;
}
.halfColumn {
	margin-right: 20px;
	width: 420px;
	padding: 30px;
	min-height: 340px;
	float: left;
}
.halfColumn .facebookLogin {
	display: block;
	width: 294px;
	margin: 77px auto;
}
.halfColumn .facebookLogin li {
	margin-bottom: 10px;
}
.halfColumn .title {
	font-size: 108%;
	font-weight: bold;
}
.halfColumn .submit {
	display: block;
	width: 207px;
	height: 51px;
	margin: 10px auto 20px;
}
.halfColumn .register {
	display: block;
	width: 207px;
	height: 51px;
	margin: 40px auto 0px;
}
.halfColumn .loginForm{
	margin-top: 77px;
}
.halfColumn .signupForm {
	margin-top: 40px;
}
.loginForm label, .signupForm label {
	width: 110px;
	font-size: 108%;
	text-align: right;
	display: block;
	float: left;
}
.signupForm .tos {
	padding-left: 100px;
}
.signupForm .tos a {
	color: #000;
}
.signupForm .tos input {
	width: 20px;
	height: 20px;
	margin-left: 0;
}
.loginForm input, .signupForm input {
	margin-left: 10px;
	width: 180px;
	height: 20px;
}
.loginForm li, .signupForm li {
	margin-bottom: 15px;
}
.loginForm li.error {
	padding-left: 120px;
	color: #F00;
}
.forgotPassword {
	color: #000;
	padding-left: 20px;
	margin-left: 30px;
	background-image: url(../img/list_image_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 92%;
}
.halfColumn.last {
	margin-right: 0;
}
.conceptSection {
}
.conceptSection p {
	line-height: 1.8em;
	margin-bottom: 20px;
	font-size: 100%;
}
.conceptSection .title2 {
	margin-bottom: 20px;
	padding: 25px 0 20px;
	border-bottom: 1px dotted #000;
	overflow: hidden;
}
.conceptSection .title2.concept01 {
	padding: 10px 0 20px;
}
.conceptSection .intro {
	color: #669900;
	font-size: 132%;
}
.conceptSection ul {
	font-size: 116%;
	font-weight: bold;
}
.conceptSection li {
	list-style-image: url(../img/dash.png);
	margin-bottom: 20px;
	margin-left: 20px;
}
#tableTokutei {
	width: 100%;
	font-size: 100%;
	border-collapse: collapse;
}
#tableTokutei th,
#tableTokutei td {
	padding: 10px;
	border: 1px solid #fff;
}
#tableTokutei th {
	width: 25%;
	font-weight: bold;
	vertical-align: top;
	background-color: #f5fbe8;
	border: 1px solid #fff;
}
#tableTokutei td {
	background-color: #f7f7f7;
}
#tableTokutei span {
	background-image: url(../img/list_image_01.gif);
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left center;
}
.tokutei .title2, .privacy .title2, .faq .title2, .terms .title2 {
	margin-bottom: 20px;
	border-bottom: 1px dotted #000;
	text-indent: -100%;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 50px;
}
.privacy .title2 {
	background-image: url(../img/topic_privacy.png);
}
.tokutei .title2 {
	background-image: url(../img/topic_tokutei.png);
}
.faq .title2.student {
	background-image: url(../img/topic_faq_student.png);
}
.faq .title2.teacher {
	background-image: url(../img/topic_faq_teacher.png);
}
.terms .title2 {
	background-image: url(../img/topic_terms.png);
}
.highlightSection {
	padding: 5px;
	border: 1px solid #9fbe41;
	background: #e8f2ca;
}
.highlightSection h2 {
	font-size: 116%;
	font-weight: bold;
	line-height: 1.8em;
}
.highlightSection p {
	padding: 0 5px;
	color: #484848;
}
.highlightSection .search {
	color: #F00;
}
.navigator {
	text-align: center;
	margin: 10px auto;
}
.navigator li {
	display: inline-block;
	*display: inline;
	margin-left: 5px;
}
.navigator a {
	display: inline-block;
	padding: 10px;
	text-decoration: none;
	color: #000;
	background-color: #f7f7f7;
	min-width: 12px;
}
.navigator li.current {
	display: inline-block;
	padding: 10px;
	color: #cecece;
	background-color: #f7f7f7;
}
.navigator a.prev {
	padding-left: 15px;
	background-image: url(../img/list_image_02.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.navigator a.next {
	padding-right: 15px;
	background-image: url(../img/list_image_01.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.tab {
	margin-bottom: 30px;
	border-bottom: 1px solid #e9e9e9;
}
.tab li {
	float: left;
	margin-right: 5px;
	border: 1px solid #e9e9e9;
	border-bottom: none;
}
.tab li.last {
	float: right;
	margin-right: 0;
}
.tab a {
	text-decoration: none;
	color: #666;
	display: block;
	text-align: center;
	width: 180px;
	height: 30px;
	padding-top: 10px;
	font-size: 108%;
	font-weight: bold;
}
.tab a:hover, .tab a.selected {
	background-color: #9fbe41;
	color: #fff;
}
.banner {
	box-shadow: 0 1px 5px 0 #4A4A4A;
	-moz-box-shadow: 0 1px 5px 0 #4A4A4A;
	-webkit-box-shadow: 0 1px 5px 0 #4A4A4A;
}
.section2 {
	font-size: 92%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #000;
}
.section2 .title {
	color: #669900;
	font-size: 140%;
	margin-bottom: 20px;
	font-weight: bold;
}
.section2 p {
	margin: 10px 10px 10px 20px;
	text-align: justify;
}
.section2 dt {
	text-align: justify;
	margin-bottom: 5px;
}
.section2 dd {
	float: left;
}
.section2 dt {
	padding-left: 25px;
}
.section2 dt dl {
	margin: 30px 10px 30px 20px;
}
.section2 dt dt {
	padding-left: 15px;
}
.faq dt {
	border-bottom: 1px dotted #000;
	padding: 10px 10px 15px 250px;
	text-align: justify;
	font-size: 100%;
}
.faq dd {
	float: left;
	padding: 10px 30px 10px 0;
	width: 210px;
	font-size: 124%;
	line-height: 1.6em;
	color: #669900;
}
.faq .arrow {
	background-image: url(../img/list_image_03.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 12px 6px;
}
.faq dt.last {
	border-bottom: none;
}
.faq dl {
	margin: 20px 0;
}
.faq .emphasize, .terms .emphasize, .privacy .emphasize {
	font-weight: bold;
}
.faq .redText {
	color: #ff3300;
}
.terms p.introduction {
	margin-bottom: 20px;
}
.terms p, .privacy p  {
	text-align: justify;
	margin-bottom: 40px;
}
.terms .title {
	font-size: 140%;
	font-weight: bold;
	color: #669900;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #000;
}
.terms dd {
	float: left;
}
.terms dt {
	text-align: justify;
	margin-bottom: 20px;
	padding-left: 25px;
}
.terms dt dl {
	margin: 20px 0 20px 10px;
}
.terms dt dt {
	margin-bottom: 5px;
	padding-left: 10px;
}
.noSchedule {
	margin: 10px 0;
	font-size: 84%;
}

/* css for error-message */
.error-message,
.error {
	color: red;
}
.text-error {
	text-align: center;
}
.userImage {
	width: 230px;
	height: 230px;
	overflow: hidden;
}
.content3 {
	padding: 0 10px 10px;
}

#singleColumns .message {
	text-align: center;
	margin: 200px 0;
}
/* course owner, teacher's tool */
.menuBox {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ccc;
}

.menuBox h2 {
	margin-bottom: 10px;
	line-height: 2em;
}

.menuBox li {
	margin-right: 10px;
	background: #ccc;
	display: inline-block;
/display: inline;
/zoom: 1;
}

.menuBox li:hover {
	background: #ededed;
}

.menuBox li a {
	padding: 10px;
	color: #484848;
	display: block;
}
.overlay {
	height: 100%;
	width: 100%;
	z-index: 999;
	position: absolute;
	display: none
}
/*
	404 error
*/
.section.error {
	width: 600px;
	margin: 0 auto;
}
/*
	user status
*/
.userStatus {
	padding: 5px 10px;
	line-height: 2em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background: #d8eaa0;
	border: 1px solid #9fbe41;
}
#header .userStatus .pending a {
	text-decoration: underline;
}
#header .userStatus .pending a:hover {
	color: #ccc;
}
.leaveAttention {
	padding: 0 20px 30px;
	text-align: center;
	color: #f00;
}

.text-align-center {
	text-align: center;
}
.none-display {
	display: none;
}